body{
	font-size: 14px;
}
.content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.content .left {
	position: absolute;
	width: 180px;
	height: 100%;
	border-right: 1px #ccc solid;
	background-color: #F3F3F3;
}

.content .left .SearchPanel {
	width: 100%;
}

.content .left .SearchPanel .TextBox {
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	height: 28px;
	vertical-align: middle;
	background: #fff;
}

.content .left .SearchPanel .TextBox input {
	vertical-align: middle;
	margin-top: 4px;
	margin-left: 2px;
	width: 126px;
}

.content .left .SearchPanel .TextBox .SearchButton {
	height: 16px;
	width: 16px;
	display: inline-block;
	background: url('../img/command.png') -142px 0px;
	margin-top: 4px;
	margin-left: 5px;
	vertical-align: middle;
}

.content .left .FolderPanel {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 150%;
	margin-left: 15px;
	margin-top: 10px;
	vertical-align: middle;
}

.content .left .FolderPanel span {
	display: inline-block;
	width: 126px;
	vertical-align: middle;
}

.content .left .FolderPanel .Refresh {
	background: url('../img/metro.png') 0px -340px;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	display: inline-block;
}

.content .left .FolderList {
	margin-top: 10px;
}

.content .left .FolderList ul li {
	height: 30px;
	line-height: 26px;
	display: inline-block;
	width: 100%;
	text-indent: 15px;
	font-size: 14px;
}

.content .left .FolderList ul .current {
	background-color: #ccc;
}

.content .left .FolderList ul li:hover {
	background-color: #ccc;
	cursor: pointer;
}

.content .left .FolderList ul li a {
	width: 126px;
	display: inline-block;
	text-indent: 0px;
}

.content .left .FolderList ul li em {
	font-style: normal;
}

.content .left .FolderList ul li #CreateFolder {
	color: #0072C6;
}

.content .right {
	position: absolute;
	left: 180px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	min-width: 768px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

#ContextBody {
	margin-left: 1px;
}

#ContextBody #MailHeader {
	border-bottom: 1px #ccc solid;
	height: 43px;
	line-height: 38px;
	position: fixed;
	background: #fff;
	font-size: 14px;
}

#ContextBody #MailHeader #ViewType {
	float: left;
	margin-left: 10px;
	vertical-align: middle;
}

#ContextBody #MailHeader #ViewType input {
	vertical-align: middle;
	margin-right: 10px;
}

#ContextBody #MailHeader #OrderType {
	float: right;
	margin-right: 15px;
}

#ContextBody .EmptyHeader {
	height: 40px;
}

#MailList {
	min-height: 500px;
}

#MailList ul li {
	height: 30px;
	display: inline-block;
	width: 100%;
	line-height: 28px;
	font-size: 14px;
}

#MailList ul .unRead .From {
	font-weight: bold;
	line-height: 28px;
}

#MailList ul .unRead .Title {
	font-weight: bold;
	color: #0072C6;
	line-height: 28px;
}

#MailList ul li:hover {
	background: #e7e7e7;
	cursor: pointer;
}

#MailList ul li:hover .From .Remove {
	display: inline-block;
	vertical-align: middle;
	line-height: 28px;
	margin-right: 5px;
}

#MailList ul li span {
	display: inline-block;
	vertical-align: middle;
	color: #444;
}

#MailList ul li .From {
	width: 260px;
	margin-left: 10px;
}

#MailList ul li .From input {
	vertical-align: middle;
	margin-right: 10px;
}

#MailList ul li .From .Remove {
	width: 16px;
	height: 16px;
	background: url(../img/metro.png) 0px -256px;
	float: right;
	margin-top: 8px;
	display: none;
}

#MailList ul li .Title {
	
}

#MailList ul li .Date {
	float: right;
	margin-right: 10px;
}

#ListView {
	
}
#primary_content_inner{
	position: fixed;top: 82px;bottom: 0px;
}
#primary_content{
	top: 44px;
	
}
#DetailView {
	position: absolute;left: 270px;
	right: 0px;
	bottom: 0px;top:0px;
}

 #MailTitle {
	font-size: 24px;
	text-indent: 20px;
	margin-top: 5px;
	height: 40px;
	border-bottom: 1px #ccc solid;
	line-height: 38px;
	color: #000;
}

 .OperatorButtons {
	float: right;
	margin-right: 10px;display: none;
}

 .OperatorButtons a {
	height: 16px;
	width: 16px;
	display: inline-block;
	background: url('../img/metro.png');
}

 .OperatorButtons #Preview {
	background-position: -17px -308px;
}

 .OperatorButtons #Next {
	background-position: -17px -325px;
}

 .OperatorButtons #ReturnBack {
	background-position: -18px -52px;
}

 .OperatorButtons #Preview :hover {
	background-position: 0px -70px;
}

 .OperatorButtons #Next :hover {
	background-position: 0px -53px;
}

#MailBody {
	
}

#MailInfo {
	float: left;
	width:100%;
	font-family: "Microsoft Yahei",verdana;font-size: 12px;
	background: rgb(245, 247, 250);
	padding-bottom: 12px;
}

#MailInfo img {
	float: left;
	margin-top: 8px;
	margin-left: 20px;
}

#MailInfo .info {
	float: left;
	max-width: 600px;
	margin-left: 20px;
	padding-top: 5px;
	color: #94a5b1;
	text-align: left;
}

#MailInfo .info a {
	color: #000;
	height: 20px;
	line-height: 14px;
}

#MailInfo .info em {
	width: 8px;
	height: 8px;
	margin-left: 12px;
	cursor: pointer;
	display: inline-block;
	background: url('../img/metro.png') -34px -48px;
}

#MailInfo .info span {
	display: block;
	line-height: 18px;
	
}

#Menus {
	width: 120px;
	height: 26px;
	float: right;
	line-height: 48px;
	position: relative;
	margin-right: 10px;
}

#Menus a {
	color: #0000ff;
	display: inline-block;
	position: absolute;
	right: 0px;
}

#Menus em {
	background: url('../img/metro.png') -34px -154px;
	height: 10px;
	width: 14px;
	display: inline-block;
	margin-left: 5px;
}

#Menus .funs {
	position: absolute;
	top: 35px;
	width: 120px;
	border: 1px #ccc solid;
	display: none;
}

#Menus .funs ul li {
	display: block;
	height: 28px;
	width: 100%;
	line-height: 24px;
	text-indent: 12px;
}

#Menus .funs ul li:hover {
	background: #ccc;
	cursor: pointer;
}

#MoreInfo {
	float: left;
	width: 100%;
	display: none;
	background: rgb(245, 247, 250);
}

#MoreInfo span {
	min-height: 24px;
	line-height: 22px;
	display: block;
	color: #666;
	width: 100%;
	font-size: 12px;
	margin-left: 20px;
}

#MailContent {
	width: 100%;
	float: left;
	text-align: center;
}

#EditView {
	position: absolute;
	left: 0;right: 0;bottom: 0;top: 82px;z-index: 99999;background: #fff;
	display: none;
}

#ComposeHeader {
	width: 400px;
	padding-left: 15px;
	font-size: 14px;
	padding-top: 20px;
	position: absolute;
	bottom: 0px;left:0px;
	top: 0px;
}
#ComposeHeader .line{
	margin-bottom: 30px;
}
#ComposeHeader .line .lbl{
	height: 24px;
	display: block;
	padding-left: 5px;
}

#ComposeContent {
	position: absolute;
	top: 0px;
	left: 410px;
	bottom: 0px;
	padding-left: 15px;
	padding-right: 30px;
	display: inline-block;
}

#ComposeSubject {
	height: 44px;
}

#ComposeSubject input:focus{
	border-color: #8ebc00;
}

#ComposeSubject input {
	height: 30px;
	font-size: 16px;
	line-height: 28px;
	width: 102.233%;
	border: 1px solid #ccc;
	margin-top: 5px;
	font-weight: bold;
	font-family: '微软雅黑';
}

#FilePanel {
	padding-top: 5px;
}

#UploadFileButton {
	height: 24px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	color: #000;
	margin-top: 10px;
}

#UploadFileButton em {
	background-image: url('../img/attach.png');
	background-position: -43px 0px;
	height: 22px;
	width: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

#UploadFileButton :hover em {
	background-position: -1px 0px;
}

.file {
	background: url('../img/filetype/unknown.png') no-repeat 3px 2px;
	text-indent: 16px;
	border: 1px solid #ccc;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 5px;
	
}

.file:hover {
	background-color: #ccc;
}

.file .Del {
	width: 14px;
	height: 13px;
	background: url(../img/metro.png) -34px -256px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 5px;
}

.MailReceivers  , .MailAttach {
	text-align: left;
}

pre {
	margin-left: 20px;
	margin-top: 10px;
	color: #444444;
}

pre p {
	margin-top: 0px;
	line-height: 14px;
}

pre div {
	line-height: 14px;
}

.tag-image {
	width: auto;
	height: 18px;
	margin-right: 5px;
	vertical-align: top;
	border: 1px solid #ccc;
}
.k-editor .k-editable-area{
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 10px;
	border-color: #ccc;
}
.k-item .frame{
	width: 30px;;display: inline-block;
}
.k-item .frame img{
border: 1px solid #ccc;
}
.k-item .info{
	width: 330px;
	display: inline-block;
}
.k-item .info label{
	display: block;height: 14px;
}
.k-item .info .addr{
	font-size: 12px;
	
}
#attachUploader{
	vertical-align: middle;
	margin-left: 10px;
}
#FileList{
}
#FileList .k-button{
	height: 25px;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;
}
.k-button .icon{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}
.k-button .k-icon{
	margin-left: 5px;margin-top: -2px;
}
#editPanel{
	display: none;
}
.address_row{
	height: 40px;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom:  10px;
	cursor: pointer;
}
.address_row input{
	margin-left: 0px;
	padding-left: 0px;
}
.address_row .mailTitle{

}
.address_row .subject{
	height: 20px;overflow: hidden;
	margin-left: 0px;
}
#address_contacts .unread em{
	height: 16px;
	width: 16px;
	display: block;
	background: url("../img/ui-icons.png") no-repeat scroll 1px
		-6070px transparent;
}
#address_contacts .unread{
	font-weight: bold;
	
}
.address_row .check{
	height: 40px;
}
.dragHelper{
}
#MailLoading{
	width: 100%;height: 100%;position: absolute;
	background-color: #fff;
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-position: 48% 40%;
	display: none;
}
#loading{
	position: absolute;
	z-index: 1111;left:0px;top:0px;width:268px;
	background: url('../img/loading.gif') no-repeat #fff 45% 45%;
	bottom: 0px;
}


ul#nav_secondary li a span.unread {
	background: url("../img/Blue-Steel.png") no-repeat
		scroll 0 -1192px transparent;
	cursor: pointer;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	padding: 0 0 0 5px;
	position: absolute;
	right: 18px;
	text-align: center;
	top: 11px;
}

ul#nav_secondary li a span.unread strong {
	background: url("../img/unread_right.png")
		no-repeat scroll 100% 0 transparent;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 6px 0 1px;
	text-shadow: none !important;
}

/* button */
.k-button {
  display: inline-block;
  margin: 0;
  padding: 2px 4px 2px;
  font-family: inherit;
  line-height: 10px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #787878;
  background-color:rgb(232, 240, 247);
  box-sizing: border-box;
  border: 1px solid #c2d4e3;
  margin: 1px;
  border-radius:15px;
  padding-left:5px;
  font-size: 12px;
}
